<template>
    <div id="dashboardSwiper">
    <el-carousel height="200px">
      <el-carousel-item v-for="item in swiperList" :key="item.id">
         <div class="swiperImg">
             <a :href="item.url" target="_blank">
                 <img :src="item.imgurl" >
             </a>
        </div>
      </el-carousel-item>
    </el-carousel>
    </div>
</template>

<script>
export default {
    data(){
        return{
            //轮播图数据
            swiperList:[
                {
                    id:1,
                    imgurl: 'https://oss.juchehulian.com/_platform/enterprise/4hFzbn1610355228.png',
                    url:'https://qiye.wanjunjiakao.com/norm/%E4%B8%87%E9%AA%8F%E9%A9%BE%E8%80%83%E4%BD%BF%E7%94%A8%E6%89%8B%E5%86%8C.pdf'
                },
                {
                    id:2,
                    imgurl:'https://oss.juchehulian.com/_platform/enterprise/PbZAQ91610435497.jpg',
                    url:'https://qiye.wanjunjiakao.com/norm/integrity.html'
                }
            ]
        }
    }
}
</script>

<style scoped lang='scss'>
#dashboardSwiper{
    width: 100%;
    height: 200px;
    border-radius: 10px;
    margin-top: 20px;
    overflow: hidden;
    .swiperImg{
        height: 100%;
        width: 100%;
        img{
            height: 100%;
            width: 100%;
        }
    }
}

</style>
